<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
            </ion-buttons>
            <ion-title>我的</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>


<ion-content class="person-view">
    <a class="item item-avatar  item-icon-right account" (click)='toPage("personInfo")'>
        <div class='person-img'>
            <div [ngStyle]='person.imgStyle'></div>
        </div>
        <div>
            <p style="line-height: 40px">{{ person.UserName }}</p>
            <ion-icon class="ion-ios-arrow-forward" name="ios-arrow-forward"></ion-icon>
        </div>
    </a>

    <div class="account-list">
        <div class='each-list' [class.button_disable]="!permission['profile/task']" (click)='toPage("task")'>
            <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_1.svg"> </i>
            <span>任务</span>
            <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
        </div>
        <div class='each-list' [class.button_disable]="!permission['profile/integral']" (click)='toPage("score")'>
            <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_2.svg"> </i>
            <span>积分</span>
            <hr [class.button_disable]="!permission['profile/task']" />
            <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
        </div>

        <div class='each-list' [class.button_disable]="!permission['profile/card']">
            <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_3.svg"> </i>
            <span>考勤</span>
            <hr [class.button_disable]="!permission['profile/integral'] && !permission['profile/task']" />
            <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
        </div>

        <div class='each-list' [class.button_disable]="!permission['profile/card']" (click)='toPage("personal")'>
            <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_3.svg"> </i>
            <span>人员管理</span>
            <hr [class.button_disable]="!permission['profile/integral'] && !permission['profile/task']" />
            <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
        </div>

        <!-- <div class='each-list' [class.button_disable]="!permission['profile/cardsta']">
          <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/attRecord.svg"> </i>
          <span>考勤记录</span>
          <hr [class.button_disable]="!permission['profile/integral'] && !permission['profile/task'] && !permission['profile/card']" />
          <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
      </div> -->
    </div>

    <div class="account-list">
        <!-- <div class='each-list' [class.button_disable]="!permission['profile/share']" (click)='toShare()'> -->
        <div class='each-list' [class.button_disable]="!permission['profile/share']" (click)='toShare()'>
            <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_5.svg"> </i>
            <span>分享</span>
            <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
        </div>

        <!-- <div class='each-list' [class.button_disable]="!permission['profile/share']">
          <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_6.svg"> </i>
          <span>认证</span>
          <hr [class.button_disable]="!permission['profile/share']" />
          <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
      </div> -->

        <div class='each-list' (click)='toPage("settings")'>
            <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_7.svg"> </i>
            <span>设置</span>
            <hr [class.button_disable]="!permission['profile/share']" />
            <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
        </div>

        <div class='each-list' (click)='toPage("about")'>
            <i class="icon"> <img class="person-svg-size" src="assets/imgs/person/icon_8.svg"> </i>
            <span>关于</span>
            <hr />
            <ion-icon class="icon" name="ios-arrow-forward"></ion-icon>
        </div>
    </div>
</ion-content>